<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no" />
    <title>Import glTF 3D Models - 4.11</title>

    <!-- <link rel="stylesheet" href="https://js.arcgis.com/4.12/esri/themes/light/main.css" /> -->
    <link rel="stylesheet" href="/arcgis_js_api/library/4.11/esri/css/main.css" />
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./css/checkBuilding.css">
    <link rel="stylesheet" href="./css/showLaserHeight.css">
</head>

<body>
    <div id="viewDiv"></div>
    <div id="paneDiv" class="esri-widget">
        <p>选择需要导入的模型</p>
        <button id="tent" class="esri-button">建筑</button><br />
        <button id="canoe" class="esri-button">摩天轮</button>
    </div>
    <div class="check-box">
        <input id="checkSwitchBtn" type="checkbox">
        <label for="checkSwitchBtn">检测建筑物模型</label>
    </div>
    <div class="laser-height-box">
        <input id="laserHeightBtn" type="checkbox">
        <label for="laserHeightBtn">展示水平线</label>
    </div>
    <div id="attrCtrBox" class="attr-ctr-box">
        <label for="attrHeightIpt">模型高度</label>
        <input id="attrHeightIpt" type="number" min="0">
    </div>
    <div id="loadingBox" class="loading-box">
        <img src="./image/loading.gif">
    </div>
</body>

<!-- <script src="https://js.arcgis.com/4.12/"></script> -->

<script>
    const dojoConfig = {
        arcgisApiUrl: window.location.host,
        parseOnLoad: true,
        packages: []
    };
</script>
<script src="/arcgis_js_api/library/4.11/init.js"></script>
<script type="module" src="./js/main.js"></script>

</html>